<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css">
	<link rel="stylesheet" href="css/box-bd.css">
</head>
<body>

<!--
<div>
	<div class="span4">
		<ul class="brick-promo-list">
			<li class="brick-item">
				<a><img alt="" src="./images/phoneleft.jpg"></a>
			</li>
		</ul>
	</div>
	<div class="span16">
		<ul class="brick-list">
			<li class="brick-item ">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="小米MIX FOLD" src="./images/phone1.png">
					</div>
					<h3>小米MIX FOLD</h3>
					<p>折叠大屏｜自研芯片</p>
					<p><span>9999</span>元<span>起</span></p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="小米11 Ultra" src="./images/phone2.png">
					</div>
					<h3>小米11 Ultra</h3>
					<p>1.12''GN2｜2K四微曲屏</p>
					<p><span>5999</span>元<span>起</span></p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="小米11 Pro" src="./images/phone3.jpg">
					</div>
					<h3>小米11 Pro</h3>
					<p>1.12''GN2｜骁龙888</p>
					<p><span>4999</span>元<span>起</span></p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="小米11 青春版" src="./images/phone4.png">
					</div>
					<h3>小米11 青春版</h3>
					<p>小米11 青春版 轻薄</p>
					<p><span>2299</span>元<span>起</span>
					</p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="黑鲨4 Pro" src="./images/phone5.png">
					</div>
					<h3>黑鲨4 Pro</h3>
					<p>黑鲨4 Pro </p>
					<p><span>3999</span>元<span>起</span></p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="黑鲨4" src="./images/phone6.png">
					</div>
					<h3>黑鲨4</h3>
					<p>黑鲨4 磁动力升降肩键</p>
					<p><span>2499</span>元<span>起</span>
					</p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="小米10S" src="./images/phone7.jpg">
					</div>
					<h3>小米10S</h3>
					<p>骁龙870 | 对称式双扬立体声</p>
					<p><span>3299</span>元<span>起</span></p>
				</a>
			</li>
			<li class="brick-item brick-item-m brick-item-m-2">
				<a>
					<div class="figure figure-img">
						<img width="160" height="160" alt="Redmi  K40 Pro 系列" src="./images/phone8.jpg">
					</div>
					<h3>Redmi K40 Pro 系列</h3>
					<p>骁龙888 / E4 旗舰直屏</p>
					<p><span>2799</span>元<span>起</span></p>
				</a>
			</li>
		</ul>
	</div>
</div>
-->
<div>
	<div>
		<div class="span4">
			<ul class="brick-promo-list">
				<li class="brick-item ">
					<a href="#" target="_blank">
						<img alt="" src="./images/applianceleftone.jpeg" lazy="loaded">
					</a>
				</li>
				<li class="brick-item ">
					<a href="#"
					   target="_blank">
						<img alt="" src="./images/appliancelefttwo.jpg" lazy="loaded">
					</a>
				</li>
			</ul>
		</div>
		<div class="span16">
			<div>
				<ul class="brick-list">
					<div>
						<li class="brick-item">
							<a href="#" target="_blank">
								<div class="figure figure-img">
									<img width="160" height="160" alt="小米全面屏电视65英寸 E65X"
										 src="./images/appliance1.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">小米全面屏电视65英寸 E65X</h3>
								<p class="desc">全面屏设计</p>
								<p class="price">
									<span class="num">3099</span>元<!---->
									<del>
										<span class="num">3299</span>元
									</del>
								</p>
							</a>
						</li>
					</div>
					<div>
						<li class="brick-item brick-item-m">
							<a href="#" target="_blank">
								<div class="figure figure-img">
									<img width="160" height="160" alt="全面屏电视E43K"
										 src="./images/appliance2.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">全面屏电视E43K</h3>
								<p class="desc">全面屏设计，海量内容</p>
								<p class="price">
									<span class="num">1399</span>元
									<del>
										<span class="num">1599</span>元
									</del>
								</p>
							</a>
						</li>
					</div>
					<div>
						<li class="brick-item brick-item-m">
							<a href="#" target="_blank">
								<div class="figure figure-img">
									<img width="160" height="160"
										 alt="小米电视4A 70英寸"
										 src="./images/appliance3.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">
									小米电视4A 70英寸
								</h3>
								<p class="desc">大屏更享受</p>
								<p class="price">
									<span class="num">3799</span>元

									<del>
										<span class="num">3999</span>元
									</del>
								</p>
							</a>
						</li>
					</div>
					<div>
						<li class="brick-item brick-item-m">
							<a href="#" target="_blank" data-settrack="true">
								<div class="figure figure-img">
									<img width="160" height="160" alt="米家互联网对开门冰箱 540L"
										 src="./images/appliance4.JPG"
										 lazy="loaded">
								</div>
								<h3 class="title">
									米家互联网对开门冰箱 540L
								</h3>
								<p class="desc">重磅新品福利特惠</p>
								<p class="price">
									<span class="num">2899</span>元
									<del>
										<span class="num">3699</span>元
									</del>
								</p>
							</a>
						</li>
					</div>
					<div>
						<li class="brick-item brick-item-m">
							<a href="#" target="_blank" data-settrack="true">
								<div class="figure figure-img">
									<img width="160" height="160"
										 alt="Redmi全自动波轮洗衣机1A 8kg"
										 src="./images/appliance5.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">
									Redmi全自动波轮洗衣机1A 8kg
								</h3>
								<p class="desc">一键操作，父母都爱用</p>
								<p class="price">
									<span class="num">849</span>元
									<del>
										<span class="num">899</span>元
									</del>
								</p>
							</a>
						</li>
					</div>
					<div>
						<li class="brick-item brick-item-m">
							<a href="#" target="_blank" data-settrack="true">
								<div class="figure figure-img">
									<img width="160" height="160" alt="Air 13.3&quot; 2019款 "
										 src="./images/appliance6.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">
									Air 13.3" 2019款
								</h3>
								<p class="desc">新一代独立显卡</p>
								<p class="price">
									<span class="num">5399</span>元<span>起</span>
								</p>
							</a>
						</li>
					</div>
					<div>
						<li class="brick-item brick-item-m">
							<a href="#" target="_blank" data-settrack="true">
								<div class="figure figure-img">
									<img width="160" height="160" alt="米家互联网烟灶套装（天然气）"
										 src="./images/appliance7.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">
									米家互联网烟灶套装（天然气）
								</h3>
								<p class="desc">点火排烟，风随火动</p>
								<p class="price">
									<span class="num">2298</span>元
								</p>
							</a>
						</li>

					</div>
					<div>
						<li class="brick-item brick-item-s">
							<a href="#"
							   target="_blank" data-settrack="true">
								<div class="figure figure-img">
									<img width="80" height="80" alt="米家电烤箱"
										 src="./images/appliance8.jpg"
										 lazy="loaded">
								</div>
								<h3 class="title">
									米家电烤箱
								</h3>
								<p class="price">
									<span class="num">299</span>元
								</p>
							</a>
						</li>
					</div>
					<li class="brick-item brick-item-s">
						<a href="#"
						   target="_blank" data-settrack="true">
							<div class="more">浏览更多<small>热门</small></div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>


</body>
</html>